// avif 图片格式，js 支持解析，但是现在浏览器主流不支持，需要引入 polyfill， 压缩效果比 png，jpeg 都要好，
// openType-svg 一种彩色的字体 emoji ；
// DOM 元素的属性或者节点变化的检测，我们可以使用MutationObserver对象
// ResizeObserver 监听 DOM 的尺寸的变化， IE 需要引入 polyfill => git@github.com:juggle/resize-observer.git
// position: sticky 粘性定位， 可以实现页面滚动， 导航栏一直定位在顶部的效果， 不需要使用 js，粘性定位会选取最近的一个可以滚动的区域作为流盒(如果没有就选 body，窗口)，
// 父元素的尺寸和这个流盒的重叠区域就是元素粘住的区域，

// css 向 js 传参数： 可以根据::before, ::after伪元素配合content属性，获知CSS中传递的信息
// 使用 css 的自定义属性 getComputedStyle(document.documentElement).getPropertyValue('--mode')
// css 变量： 变量的覆盖规则由CSS选择器的权重决定 使用变量： var(--name, defaultVal) 声明： --name: value

/*
实现响应式布局
  --columns: 4;
  --margins: calc(24px / var(--columns));
  --space: calc(4px * var(--columns));
  --fontSize: calc(20px - 4 / var(--columns));
*/

// URL(url, [base]) 将相对地址转换为 绝对地址； 需要使用 polyfill => https://github.com/lifaon74/url-polyfill

// CSS.support(propName, propVal):bool 方法可以返回 bool
// 不考虑兼容性，对CSS的进行检测使用CSS.supports()方法，要检测IE浏览器使用赋值取值法。
